<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #inputTxt{
            vertical-align: middle;
        }
        @keyframes blink {
            0%,
            100% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
        }

        @-webkit-keyframes blink {
            0%,
            100% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
        }

        @-moz-keyframes blink {
            0%,
            100% {
                opacity: 1
            }
            50% {
                opacity: 0
            }
        }

        #inValue{
            vertical-align: middle;
        }
        .flash{
            opacity: 1;
            -webkit-animation: blink .7s infinite;
            -moz-animation: blink .7s infinite;
            animation: blink .7s infinite;
            visibility: hidden;
            /*display: none;*/
        }
    </style>
    <script src="jquery.js"></script>
    <script>
       $(function () {
           $(".flash").css({"visibility":"visible"});
       })
    </script>
</head>
<body>
<div class="box">
    <h1>
        You want to say <span class="content"></span><span class="flash">|</span>
    </h1>
    <div class="content">
        <input type="text" value="jasdksa 啥的空间撒肯德基" id="inputTxt"/>
        <input type="button" value="Say" id="inputTxt2"/>
    </div>
</div>


<!--<div class="wrap">-->
    <!--<h1>-->
        <!--You want to say ： <span class="word"></span><span class="typed-cursor">|</span> ！-->
    <!--</h1>-->

    <!--<div class="saySection">-->
        <!--<input type="text" id="inValue" value="经典款撒旦教卡萨丁杰卡斯" class="txtSay"/>-->
        <!--<input type="button" value="Say" id="btnSay" class="btnSay"/>-->
    <!--</div>-->
<!--</div>-->
</body>
</html>